import DefaultTheme from 'vitepress/theme';
import { ElButton, ElTooltip, ElIcon, ElRow, ElDialog } from 'element-plus';
import InstallElementPlus from "./element";
// import Qui from "q-admin-design-vue";
import Demo from './../../components/Demo.vue';
import 'animate.css';
import './../../styles/index.scss';
import 'element-plus/dist/index.css';
import 'element-plus/theme-chalk/dark/css-vars.css';
// import 'q-admin-design-vue/lib/index/style.css';
// import 'q-admin-design-vue/packages/theme-chalk/src/index.scss'
// import '@q-admin-design-vue/theme-chalk/src/index.scss'
import * as ElementPlusIconsVue from '@element-plus/icons-vue';


export default {
	...DefaultTheme,
	enhanceApp({ app }) {
		// app.use(Qui);
		app.use(InstallElementPlus);
		app.component('Demo', Demo);
		app.component(ElButton.name, ElButton);
		app.component(ElTooltip.name, ElTooltip);
		app.component(ElIcon.name, ElIcon);
		app.component(ElRow.name, ElRow);
		app.component(ElDialog.name, ElDialog);
		for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
			app.component(key, component);
		}
	},
};
